<br>
<?php use_helper('rutas') ?>
<?php use_stylesheet('layout.css') ?>
<?php use_stylesheet('style.css') ?>
<?php use_javascript('jquery-1.8.3.js') ?>
<?php use_javascript('jquery-ui.js') ?>
<?php use_javascript('jquery.ui.datepicker-es.js') ?>

<?php include_stylesheets() ?>
<?php include_javascripts() ?>        
<?php if ($vacio == true) { ?>
    <script type="text/javascript">
        function agregarOpciones(data, control, mensaje) {
            $('#' + control).html('');
            $('#' + control).append('<option value="">' + mensaje + '</option>');

            for (var i = 0; i < data.length; i++) {
                var option = document.createElement('option');
                $(option).attr('value', data[i]['id']);
                $(option).html(data[i]['nombre']);
                $('#' + control).append(option);			
            }
        }
            
        $(document).ready(function()
        {  
            $('#tipol').change(function () {  
                if (!$(this).val())
                {
                    $('#busil').html('');
                    $('#busil').append('<option value="">Seleccione tipo de turno</option>');
                    return false;
                }
                $.ajax({
                    url: '<?php echo url_for('turnosgenerales/presentabuses') ?>',               
                    data: {
                        idco: $('#cloja').attr('value'),
                        tipo: $('#tipol').val()                         
                    },
                    type: 'POST',
                    dataType: 'json',
                    beforeSend: function () {
                        alert('Cargando Datos');
                    },
                    success: function (data) {
                        agregarOpciones(data, 'busil', 'Seleccione el bus inicial');
                    },
                    error: function () {
                        alert('Ha ocurrido un error al cargar los datos');
                    }
                });
            });

                    
            $('#tipou').change(function () {
                if (!$(this).val())
                {
                    $('#busiu').html('');
                    $('#busiu').append('<option value="">Seleccione tipo de turno</option>');
                    return false;
                }

                $.ajax({
                    url: '<?php echo url_for('turnosgenerales/presentabuses') ?>',
                    data: {
                        idco: $('#cunion').attr('value'),
                        tipo: $('#tipou').val()                         
                    },
                    type: 'POST',
                    dataType: 'json',
                    beforeSend: function () {
                        alert('Cargando Datos');
                    },
                    success: function (data) {
                        agregarOpciones(data, 'busiu', 'Seleccione bus inicial');
                    },
                    error: function () {
                        alert('Ha ocurrido un error al cargar las frecuencias');
                    }
                });
            });


        }); 
    </script>
    <script type="text/javascript">
        $(document).ready(function()
        {                                               
            $("#btncrealoja").click(function() {                                       
                $.ajax({ 
                    url: '<?php echo url_for('turnosgenerales/creacronograma') ?>',
                    type: 'POST',
                    data: { 
                        cooperativa : $('#cloja').attr('value'),                         
                        tipo : $('#tipoloja').attr('value')   
                    },
                    dataType: 'json',
                    cache: false,                                 
                    beforeSend: function () {
                        alert('Guardando');
                    },
                    success:  function (data) {
                        if (data['status'] == 'ok') {
                            alert('Se realizó con éxito la operacion');
                        } else {
                            alert(data['message']);
                        }
                    },
                    error:  function () {
                        alert('Ha ocurrido un error al guardar');
                    }
                });                    
            }).change(function()
            {               
            });
                                    
            $("#btncreaunion").click(function() {  
                                        
                $.ajax({ 
                    url: '<?php echo url_for('turnosgenerales/creacronograma') ?>',
                    type: 'POST',
                    data: { 
                        cooperativa : $('#cunion').attr('value'),                         
                        tipo : $('#tipounion').attr('value')   
                    },
                    dataType: 'json',
                    cache: false,                                 
                    beforeSend: function () {
                        alert('Guardando');
                    },
                    success:  function (data) {
                        if (data['status'] == 'ok') {
                            alert('Se realizó con éxito la operacion');
                        } else {
                            alert(data['message']);
                        }
                    },
                    error:  function () {
                        alert('Ha ocurrido un error al guardar');
                    }
                });                    
            }).change(function()
            {               
            });
                                    
        });         
    </script>  


    <html>
        <form method="POST"> 


            <table border="3">
                <thead>
                    <tr>
                        <td colspan="6" align="center" style="font-size: large"><b>Cuadros de Creación Turnos</b></td>
                    </tr>
                    <tr>
                        <th style="color: red">Cooperativa</th>
                        <th style="color: red">Año</th>
                        <th style="color: red">Mes</th>
                        <th style="color: red">Tipo de Turnos</th>
                        <th style="color: red">Seleccione Bus Inicial</th>
                        <th style="color: red">Opcion</th>     
                    </tr>
                </thead>

                <tbody>
                    <tr>
                        <th style="color: #1674af"><b>LOJA</b><input id="cloja" name="cloja" type="text" value="<?php echo $idcol ?>" style="visibility: hidden"/></th>            

                        <td><b><?php echo date('Y') ?></b></td>
                        <td><b><?php echo mes_texto(date('n')) ?></b></td>
                        <td>
                            <select name="tipol" id="tipol">
                                <option value="" >Seleccione un tipo de turno</option>
                                <option value="1">Especial</option>
                                <option value="2">Normal</option>                    
                            </select>
                        </td>
                        <td>
                            <select name="busil" id="busil">
                                <option value="">Seleccione el bus inicial</option>                             
                            </select>
                        </td>
                        <td><input type="button" id="btncrealoja" name="btncrearloja"value="Crear Cuadro&#10;de Turnos"/></td>                                        
                    </tr>
                    <tr>
                        <th style="color: chartreuse"><b>UNION CARIAMAMNGA</b><input id="cunion" name="cunion" type="text" value="<?php echo $idcou ?>" style="visibility: hidden"/></th>            
                        <td><b><?php echo date('Y') ?></b></td>
                        <td><b><?php echo mes_texto(date('n')) ?></b></td>
                        <td>
                            <select name="tipou" id="tipou">
                                <option value="" >Seleccione un tipo de turno</option>
                                <option value="1">Especial</option>
                                <option value="2">Normal</option>                    
                            </select>
                        </td>
                        <td>
                            <select name="busiu" id="busiu">
                                <option value="" >Seleccione el bus inicial</option>                             
                            </select>
                        </td>
                        <td><input type="button" id="btncreaunion" name="btncrearunion"value="Crear Cuadro&#10;de Turnos" /></td>                      
                    </tr>
                </tbody>
            </table>
        <?php } else { ?>
            <table border="3">
                <thead>
                    <tr>
                        <td colspan="6" align="center" style="font-size: large"><b>Cuadros de Creación Turnos</b></td>
                    </tr>
                    <tr>
                        <th style="color: red">Cooperativa</th>
                        <th style="color: red">Año</th>
                        <th style="color: red">Mes</th>
                        <th style="color: red">Tipo de Turnos</th>
                        <th colspan="2" style="color: red">Opciones</th>     
                    </tr>
                </thead>

                <tbody>
                    <tr>
                        <th style="color: #1674af"><b>LOJA</b></th>            
                        <td>
                            <select name="anio1" id="anio1">
                                <option >Seleccione un Año</option>
                                <?php for ($s = $am; $s <= $tf + $am; $s++) { ?>
                                    <option value="<?php echo $s ?>"><?php echo $s ?></option>
                                <?php } ?>
                            </select>
                        </td>
                        <td>
                            <select name="anio1" id="anio1">
                                <option >Seleccione un mes</option>
                                <option value="1">Enero</option>
                                <option value="2">Febrero</option>
                                <option value="3">Marzo</option>
                                <option value="4">Abril</option>
                                <option value="5">Mayo</option>
                                <option value="6">Junio</option>
                                <option value="7">Julio</option>
                                <option value="8">Agosto</option>
                                <option value="9">Septiembre</option>
                                <option value="10">Octubre</option>
                                <option value="11">Noviembre</option>
                                <option value="12">Diciembre</option>
                            </select>
                        </td>
                        <td>
                            <select name="tipo1" id="tipo1">
                                <option >Seleccione un tipo de turno</option>
                                <option value="1">Especial</option>
                                <option value="2">Normal</option>                    
                            </select>
                        </td>
                        <td><input type="button" id="btncrearloja" name="btncrearloja"value="Crear Cuadro&#10;de Turnos"/></td>
                        <td><input type="button" id="btnvistaloja" name="btnvistaloja"value="Vista Cronograma&#10;de Turnos" /></td>
                    </tr>
                    <tr>
                        <th style="color: chartreuse"><b>UNION CARIAMAMNGA</b></th>            
                        <td>
                            <select name="anio2" id="anio2">
                                <option >Seleccione un Año</option>
                                <?php for ($s = $am; $s <= $tf + $am; $s++) { ?>
                                    <option value="<?php echo $s ?>"><?php echo $s ?></option>
                                <?php } ?>
                            </select>
                        </td>
                        <td>
                            <select name="anio2" id="anio2">
                                <option >Seleccione un mes</option>
                                <option value="1">Enero</option>
                                <option value="2">Febrero</option>
                                <option value="3">Marzo</option>
                                <option value="4">Abril</option>
                                <option value="5">Mayo</option>
                                <option value="6">Junio</option>
                                <option value="7">Julio</option>
                                <option value="8">Agosto</option>
                                <option value="9">Septiembre</option>
                                <option value="10">Octubre</option>
                                <option value="11">Noviembre</option>
                                <option value="12">Diciembre</option>
                            </select>
                        </td>
                        <td>
                            <select name="tipo2" id="tipo2">
                                <option >Seleccione un tipo de turno</option>
                                <option value="1">Especial</option>
                                <option value="2">Normal</option>                    
                            </select>
                        </td>
                        <td><input type="button" id="btncrearunion" name="btncrearunion"value="Crear Cuadro&#10;de Turnos" /></td>
                        <td><input type="button" id="btnvistaunion" name="btnvistaunion"value="Vista Cronograma&#10;de Turnos" /></td>
                    </tr>
                </tbody>
            </table>
        <?php }
        ?>
    </form>
    <br>
    <br>
    <br>

    <a href="<?php echo url_for('inicioadmin/index') ?>"><button type="submit" class="button2 button-azul" title="Regresar"><div class="spritesatras" id="atras_jpg"></div>Volver a P&aacute;gina Principal</button></a><br></br>
<!--    <input type="button" id="prueba" name="prueba"value="prueba" />
    <a href="#" title="Acceder a Boleter&iacute;a" class="button2 button-azul"  data-reveal-id="loginusermodal">Acceso al Sistema</a>
    <div id="loginusermodal" class="reveal-modal">
        <div id="progress_bar" class="ui-progress-bar ui-container">
            <div class="ui-progress" style="width: 79%;">
                <span class="ui-label" style="display:none;">Creando <b class="value">79%</b></span>
            </div>
        </div>
    </div>-->
</html>